<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h2>#{msg.charterExpenseHeader}</h2>
	<h:panelGrid columns="3">
    		
    	<h:outputLabel value="#{msg.charterExpenseType}"/>
    	<p:selectOneMenu id="charterType" value="#{manageBean.selectedCharterExpenseType}">
			<f:selectItems value="#{manageBean.charterExpensivesTypes}" />
		</p:selectOneMenu>
		<p:message id="charterTypeMsg" for="charterType" display="icon"/>
		
		<h:outputLabel value="#{msg.charterExpenseAmount}" />
    	<p:inputText id="charterExpenseAmount" maxlength="10" 
    			onkeypress="return isDecimalNumberKey(event)"
    			value="#{manageBean.charterExpense.amount}" required="true" requiredMessage="#{msg.requiredAmount}"/>
    	<p:message id="charterExpenseAmountMsg" for="charterExpenseAmount" display="icon"/>
    		
    	<h:outputLabel value="#{msg.charterExpenseDate}" />
		<p:calendar id="inlineCal" pattern="dd/MM/yyyy" value="#{manageBean.charterExpense.date}" showOn="button" readOnlyInputText="true" required="true" requiredMessage="#{msg.requiredDate}">
			<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3"/>
		</p:calendar>
		<p:message id="inlineCalMsg" for="inlineCal" display="icon"/>
    					     		
    	<h:outputLabel value="#{msg.charterExpenseDescription}" />
		<p:inputTextarea rows="12" cols="75" id="obs" value="#{manageBean.charterExpense.description}" maxlength="100" autoResize="false"/>
		<h:outputText id="counter" /> 
		<p:message id="obsMsg" for="obs" display="icon"/>

	</h:panelGrid>
</ui:composition>